<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>多媒体教学</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/waves.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <!--页面公共样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--页面样式-->
    <link rel="stylesheet" href="css/page.css">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>


<header>
    <!--登录后的头-->
    <div class="login-header">
        <div class="space-info ">
            <div class="addtress"><span>四川大学</span> <span>J17A101教室</span></div>
            <div class="username">张复兴</div>
        </div>
        <div class="status">
            <div class="live-status"></div>
            <div class="net-status"></div>
        </div>
        <div class="time-note">
            <div class="top-time">
                15:13
            </div>
            <!--<div class="top-note" id="s1">-->
            <!--<ul>-->

            <!--</ul>-->
            <!--</div>-->
            <div class="txt-scroll txt-scroll-curs top-note"  id="s1">
                <div class="scrollbox">
                    <div class="txt">

                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--未登录的头-->
    <div class="unlogin-header">
        <div class="space-info">
            <div class="username">暂未登录</div>
        </div>
        <div class="status">
            <div class="live-status">暂无直播</div>
            <div class="net-status">物联网关闭</div>
        </div>
        <div class="time-note">
            <div class="top-time">

            </div>
        </div>
    </div>
</header>


    <main class="media-teach-page">
        <section class="media-edu">
            <div class="media-edu-content">
                <div class="msg-pannel">
                    <section class="msg-pannel-top">
                        <div class="note left">

                        </div>
                        <div class="time right">15:13</div>
                    </section>
                    <section class="msg-pannel-bottom">
                        <div class="date left">2018/03/05</div>
                        <div class="day right">星期二</div>
                    </section>
                </div>
                <div>
                    <ul class="left-big-pannel">
                        <li class="bac-light-purple2 waves-effect" ><img src="images/icon/icon_Resourceplatform2.png" alt=""><a href="javascript:void(0)">资源平台</a></li>
                        <li class="bac-brown waves-effect"><img src="images/icon/icon_xiaoyuanguanwang.png" alt=""><a href="javascript:void(0)">学校官网</a></li>
                        <li class="waves-effect deep-blue"><img src="images/icon/icon_sanhaojiaoyu.png" alt=""><a href="javascript:void(0)">三好教育</a></li>
                    </ul>
                </div>

            </div>
        </section>

        <section class="media-edu">
            <div class="media-edu-content">
                <ul>
                    <li class="waves-effect bac-orange"><img src="images/icon/icon_blackboard.png"><a href="javascript:void(0)">板书</a></li>
                    <li class="waves-effect bac-purple"><img src="images/icon/icon_recording.png"><a href="javascript:void(0)">课堂实录</a></li>
                    <li class="waves-effect movie"><img src="images/icon/icon_Video.png"><a href="javascript:void(0)">影音</a></li>
                    <li class="waves-effect"><img src="images/icon/icon_Interconnectionwithscreen.png"><a href="javascript:void(0)">同屏互联</a></li>
                    <li class="waves-effect bac-purple3"><img src="images/icon/uStorage_03.png"><a href="javascript:void(0)">U盘</a></li>
                </ul>
                <div>
                    <ul class="left-big-pannel">
                        <li class="bac-pink2 waves-effect" ><img src="images/icon/icon_MemoryofbrainKing.png" alt=""><a href="javascript:void(0)">脑王记忆</a></li>
                    </ul>
                </div>

            </div>
        </section>

        <section class="media-edu">
            <div class="media-edu-content">
                <ul>
                    <li class="waves-effect bac-pink"><img src="images/icon/icon_Testing.png"><a href="javascript:void(0)">设备检测</a></li>
                    <li class="waves-effect bac-light-blue"><img src="images/icon/icon_set.png"><a href="javascript:void(0)">设置</a></li>
                    <li class="waves-effect bac-orange2"><img src="images/icon/icon_help.png"><a href="javascript:void(0)">帮助</a></li>
                    <li class="waves-effect deep-blue window"><img src="images/icon/icon_windows.png"><a href="javascript:void(0)">桌面</a></li>
                    <li class="waves-effect bac-light-blue2"><img src="images/icon/icon_show.png"><a href="javascript:void(0)">展台</a></li>
                    <li class="waves-effect bac-pink"><img src="images/icon/icon_interactive.png"><a href="javascript:void(0)">交互</a></li>
                </ul>
            </div>
        </section>
    </main>

    <footer>
        <ul>
            <li><a href="mediaTeach.html" class="actived-btn" >多媒体教学</a></li>
            <li><a href="schollClass.html">在线听课</a></li>
            <li><a href="mylives.html">我的课堂</a></li>
            <li><a href="classControll.html">教室控制</a></li>
        </ul>
    </footer>

    <div class="btn-group">
        <ul>
            <li class="home">
                <a href="newindex.html"><div><img src="images/btn/btn_backindex.png" alt=""></div>首页</a>
            </li>
            <li class="scan-code">
                <a href="javascript:void(0)">  <div><img src="images/btn/btn_Sweepcode.png" alt=""></div>扫码控制</a>
                <p class="show-code"><img src="images/icon/code.png" alt=""></p>
            </li>
            <li class="switch">
                <a href="javascript:void(0)">  <div><img src="images/btn/btn_switch.png" alt=""></div>电源</a>
            </li>
        </ul>
    </div>


    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/waves.min.js"></script>

    <script src="js/txtscroll.js"></script>
    <!--<script src="js/resize.js"></script>-->
    <!--<script src="js/rollSlide.js"> </script>-->
    <!-- <script src="js/mui.js"></script> -->
    <!--<script src="js/lc_switch.js"></script>-->
    <!--<script src="js/rangeslider.min.js"></script>-->
    <script src="js/common.js"></script>
    <script src="js/top.js"></script>
    <script src="js/mediaTeach.js"></script>
    <!--<script src="js/rem.js"></script>-->

</body>
</html>
